<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico - 比特虫 - Bitbug.net</title>
    <link rel="stylesheet" href="css/比特虫.css">
    <link rel="shortcut icon" href="img/favicon.ico" />
    <script src="script/jquery-3.5.1/jquery-3.5.1.js"></script>
</head>
<body>
    <script>
        $(function(){
            $(".he").eq(0).text('<link rel="shortcut icon" href=" /favicon.ico" />');
            $(".he").eq(1).text('<head>');
            $(".he").eq(2).text('<link rel="shortcut icon" href="/favicon.ico" />');
            $(".he").eq(3).text('</head>');
            $(".but").eq(0).mouseover(function(){
                $("#NewFile").css("border","2px solid rgb(131, 203, 245)");
            })
            $(".but").eq(0).mouseleave(function(){
                $("#NewFile").css("border","");
            })
            $(".but").eq(1).mouseover(function(){
                $("#size").css("border","2px solid rgb(131, 203, 245)");
            })
            $(".but").eq(1).mouseleave(function(){
                $("#size").css("border","");
            })
            $("#hh label").mouseover(function(){
                $("#code").css("border","2px solid rgb(131, 203, 245)");
            })
            $("#hh label").mouseleave(function(){
                $("#code").css("border","");
            })
            $("#get").click(function(){
                    alert('生成了个寂寞');
                    alert('做不来');
            })
        })
    </script>
    <div id="container">
        <div id="head">
            <div id="logo">
                <h1>比特虫</h1>
            </div>
            <div id="ad">
                <h1>在线制作ico图标</h1>
                <h2>ico图标转换工具</h2>
            </div>
        </div>
        <div id="menu">
            <div class="yui">
                <a href="比特虫.html">制作ico图标</a>
            </div>
            <div class="yui">
                <a href="比特虫2.html">PageRank查询</a>
            </div>
        </div>
        <div id="content">
            <h2>favicon图标介绍</h2>
            <div class="txt">
                <strong class="txt_red">favicon.ico</strong>
                <span>一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图</span>
                <span class="txt_red">红圈</span>
                <span>的位置， 目前主要的浏览器都支持</span>
                <em class="txt_red">favicon.ico</em>
                <span>图标.</span>
        
            </div>
            <div id="img">
                <div id="img1">
                    <img src="img/eg_favicon.png" alt="">
                </div>
                <div id="img2">
                    <img src="img/eg_favicon2.png" alt="">
                </div>
            </div>
            <div>
                <div id="left">
                    <div id="box">
                        <h3>如何安装Favicon</h3>
                            <div class="txt">
                                <span>当成功生成</span>
                                <em class="txt_red">favicon.ico</em>
                                <span>图像文件后,浏览器会自动弹出一个zip的压缩文件</span><br>
                                <span>将压缩文件中的</span>
                                <em class="txt_red">favicon.ico</em>
                                <span>图像放在根目录下(也可以是其他目录)</span><br>
                                <span>在页面源文件的<head></head>标签之间插入</span><br>
                                <strong class="he"></strong>
                                <hr>
                                <span>最后形成</span><br>
                                <span class="he"></span><br>
                                <span>...</span><br>
                                <span class="he"></span><br>
                                <span class="he"></span>
                            </div>
                    </div>
                </div>
                <div id="right">
                    <div>
                        <h2>生成图标ico</h2>
                    </div>
                    <div id="convert">
                        <div>
                            <form action="#" method="get">
                                <div>
                                    <label for="NewFile" class="but">原始图像:</label>
                                    <input type="file" name="NewFile" id="NewFile" class="files">
                                </div>
                                <div>
                                    <label for="size" class="but">目标尺寸:</label>
                                    <select name="size" id="size" class="files">
                                        <option value="1">16X16 -</option>
                                        <option value="2" selected="select">32X32 -</option>
                                        <option value="3">48X48 -</option>
                                        <option value="4">64X64 -</option>
                                        <option value="5">128X128 -</option>
                                    </select>
                                </div>
                                <div id="hh">
                                    <label for="code">附&nbsp;&nbsp;加&nbsp;&nbsp;码:</label>
                                    <input type="text" name="code" id="code" class="files" size="1">
                                    <img src="img/验证码.png" alt="?">
                                </div>
                                <div>
                                    <input type="submit" name="get" id="get" class="gets" value="生成ico图标">
                                </div>
                            </form>
                        </div>
                    </div>
                    <h2 id="shuoming">使用说明</h2>
                    <p class="txt" id="p">
                        <!-- <abbr title="">原始图像</abbr> -->
                        <!-- <span id="xuxian">原始图像</span> -->
                        <span>-<span id="xuxian">   原始图像</span>可以接受: .jpg .jpeg .gif .png等图像格式</span>
                        <span>- 原始图像文件大小限制在小于<em class="txt_red">500k</em></span>
                        <span>- 建议制作一张400x400的jpg图像, 然后等比缩小到你想转换的ico</span>
                        <span>尺寸,最后用比特虫转换成<strong>ico图标</strong>格式.</span>
                        <span>- 当然你也可以直接把原始尺寸的图像通过比特虫直接转换，比特</span>
                        <span>虫会自动将图片缩小到合适的<strong>ico图标</strong>尺寸，不过可能会在缩小的</span>
                        <span>时候有所失真</span>
                    </p>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="txt">
                <span>© 2006-2013 </span>
                <a href="">bitbug.net</a>
            </div>
            <div>
                <a href="#">
                    <img src="img/mypagerank.gif" alt="gif">
                </a>
            </div>
        </div>
    </div>
</body>
</html>